<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2.迷宫：调试中#11</title>
    <link rel="stylesheet" type="text/css" href="../../res/index.css"/>
    <script type="text/javascript" src="../../js/blockly_compressed.js"></script>
    <script type="text/javascript" src="../../js/javascript_compressed.js"></script>
    <script type="text/javascript" src="../js2/action_d2.js"></script>
    <script type="text/javascript" src="../js2/action_s.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.1/TweenMax.min.js"></script>
    <script type="text/javascript" src="../../js/acorn_interpreter.js"></script>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .btn-circle {
            width: 36px;
            height: 36px;
            text-align: center;
            padding: 6px 0;
            font-size: 16px;
            line-height: 1.428571429;
            border-radius: 18px;
            border: rgb(200,200,200) 2px solid;
        }
        .btn-circle.btn-lg {
            width: 50px;
            height: 50px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 25px;
        }
        .btn-circle.btn-xs {
            width: 6px;
            height: 6px;
            padding: 6px 6px;
            font-size: 5px;
            line-height: 1.33;
            border-radius: 35px;
        }
        .counter-text{
            text-anchor: end;
            font-size: 16px;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            fill: white;
            stroke: black;
            stroke-width: 1;
            cursor: default;
        }
    </style>

</head>
<body>
        <div class = "top">
            <ul>
                <li><a href="../../course1.html">课程分类</a></li>
                <li><a href="">项目</a></li>
                <li><a href="">关于</a></li>
                <div id="header-mid" class="col-lg-4" style="margin:5px;position: fixed;left: 25%;">
                    <div style="margin-top: 8px;display:inline;">
                        <div class="col-lg-4"  style="padding: 8px 0px; text-align: center;display:inline;width: 30%;">
                            <a style="color: #ffffff; font-size: 16px" href="../../course1.html">课程2：迷宫：序列</a>
                        </div>
                        <div class="col-lg-8" style="display: flex; flex-direction: row; background-color: rgb(244, 244, 244); border-radius: 5px; height: 40px; align-items: center; border:#b4b4b4 1px solid; width: 62%;">
                            <abbr title="1" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='../course1-2.html'" class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="2" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-2.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="3" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-3.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="4" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-4.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="5" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-5.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="6" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-6.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="7" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-7.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="8" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-8.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <abbr title="9" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-9.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>   
                            <abbr title="10" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-10.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                            <button type="button" onclick="location.reload()" class="btn btn-default btn-circle" style="display: block; margin-left: 1px; margin-right: 2px">
                                11
                            </button>
                            <abbr title="12" style="border-bottom: transparent">
                                <button type="button" onclick="location.href='course1-2-12.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                            </abbr>
                    </div>
                </div>
            </div>

        </ul>
        </div>
            <div data-radium="true" style="padding-left: 60px; padding-right: 10px; float: left; width: 100%; box-sizing: border-box; background-color: rgb(221, 221, 221); border-top-right-radius: 5px; border-top-left-radius: 5px;">
                <div data-radium="true" style="width: 100%; position: relative; float: left; height: 88px; margin-right: -300px;">
                    <div class="csf-top-instructions" data-radium="true" style="padding: 5px 0px;">
                        <div data-radium="true" style="position: relative;">
                            <div data-radium="true" style="background-color: white; border-radius: 10px; margin: 5px 0px; padding: 5px 76px 5px 10px; position: relative; border-style: dashed; border-width: 1px; border-color: white;">
                                <div style="overflow: hidden;">
                                        <div  style="float:left";><img src="../res2/bird.png" style="width: 50px height:50px"></div>
                                        <div id = "hint">绕过栅栏，让我到达那只猪！</div>
                                    </div></div></div></div></div>
            </div>

    <div id="visualization" style="position:absolute;top: 140px;left: 0px; height: 480px;width: 1080px">
        <div id="gamePanel" style="position: absolute;margin-left:25px;margin-top:20px;width: 400px;height: 480px">       
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svgMaze" width="400px" height="400px" viewBox="0 0 400 400">
        </svg>
        <button id="runButton" onclick="runButtonClick()" style="background-color:cyan;font-size: 20px;">运行</button>
        <button id="stepButton" onclick="stepButtonClick()" style="background-color:cyan;font-size: 20px;float:right;">步进</button>

    </div>

    <div id = "blocklyDiv" style="height: 480px;width: 600px;margin-left: 450px;margin-top: 20px"></div>
    </div>
    <xml xmlns="http://www.w3.org/1999/xhtml" id="toolbox" style="display: none;">
        <block type="moveforward_up"></block>
        <block type="moveforward_down"></block>
        <block type="moveforward_left"></block>
        <block type="moveforward_right"></block>
    </xml>
    
    <xml xmlns="http://www.w3.org/1999/xhtml" id="workspaceBlocks" style="display:none">
        <block type="start" id="IE4f%33Qr?Wdy$FH~OT8" x="50" y="30"></block>
    </xml>
    <script src="../js2/workspace.js"></script>
    <script src="../js2/game11/game11.js"></script>
</body>
</html>